<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 引入css样式 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公用css -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 第三方插件1 -->
    <link rel="stylesheet" href="./lib/slider.css">
    <!--自己的css -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 第三方插件2 -->
    <script src="./lib/jquery-1.11.0.js"></script>
    <script src="./lib/slider.js"></script>
    <!-- 自己的js -->
    <script src="./js/run1.js"></script>
    <script src="./js/jindex.js"></script>
</head>

<body>
    <!-- 头部盒子 -->
    <div id="header">
        <!-- 标题+版心 -->
        <div class="header-logo wrap clearfix">
            <!-- logo定位上去 -->
            <div class="logo"></div>
            <div class="url fl">legochina.cn</div>
            <div class="login fr">欢迎光临
                <span>乐购</span>，请 登陆\
                <span>注册</span>
            </div>
        </div>
    </div>
    <!-- 一级标题+ 搜索框 -->
    <div id="nav" class="wrap">
        <div class="adj clearfix">
            <!-- 点击按钮 -->
            <div class="btn fr clearfix">
                <div class="spot fl clearfix">
                    <div class="shopping fl"></div>
                    <div class="click fl">购物车 3</div>

                </div>
                <div class="spot-box fl">我的订单</div>
            </div>
            <!-- 搜索宽 -->
            <div class="search fr clearfix">
                <input id="oldBox" class="inp fl" type="text" placeholder="创意文具">
                <div class="icon fl"></div>
            </div>
        </div>
        <div class="nav-box wrap">
            <div class="title">
                <span>图书</span>
                <span>电子书</span>
                <span>原创文学</span>
                <span>服装</span>
                <span>运动户外</span>
                <span>孕婴童</span>
                <span>家居</span>
                <span>创意文具</span>
                <span>地方特产</span>
                <span>海外购</span>
                <span>电器城</span>
            </div>
        </div>
    </div>
    <!-- 页面主体 -->
    <div id="main" class="wrap clearfix">
        <!-- 一级菜单带二级菜单+轮播图 -->
        <div class="catalogue fl">
            <ul>
                <li>
                    <!-- 一级菜单 -->
                    <div class="firsts">图书、电子书、童书</div>
                    <!-- 二级菜单 -->
                    <div class="lasts">你过来呀</div>
                </li>
                <li>
                    <div class="firsts">创意文具</div>
                    <div class="lasts">123</div>
                </li>
                <li>
                    <div class="firsts">服饰、内衣</div>
                    <div class="lasts">34</div>
                </li>
                <li>
                    <div class="firsts">鞋靴、箱包</div>
                    <div class="lasts">你过来243呀</div>
                </li>
                <li>
                    <div class="firsts">运动户外</div>
                    <div class="lasts">你过来353223呀</div>
                </li>
                <li>
                    <div class="firsts">孕、婴、童</div>
                    <div class="lasts">你过来325235呀</div>
                </li>
                <li>
                    <div class="firsts">家居、家纺、汽车</div>
                    <div class="lasts">你436436346过来呀</div>
                </li>
                <li>
                    <div class="firsts">家具、家装、康体</div>
                    <div class="lasts">你过来4636322呀</div>
                </li>
                <li>
                    <div class="firsts">美妆、个人护理、成人</div>
                    <div class="lasts">你过646346来呀</div>
                </li>
                <li>
                    <div class="firsts">食品、茶酒、生鲜</div>
                    <div class="lasts">你过来呀234567</div>
                </li>
                <li>
                    <div class="firsts">腕表、珠宝、眼镜</div>
                    <div class="lasts">你过来3456呀</div>
                </li>
                <li>
                    <div class="firsts">手机、数码</div>
                    <div class="lasts">你过678来呀</div>
                </li>
                <li>
                    <div class="firsts">电脑办公</div>
                    <div class="lasts">你过876来呀</div>
                </li>
                <li>
                    <div class="firsts">家用电器</div>
                    <div class="lasts">你过来543呀</div>
                </li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div class="rotation fr clearfix">
            <div class="single fl">
                <div class="banner one fl"></div>
                <div class="banner two fl"></div>
                <div class="banner there fl"></div>
                <div class="banner four fl"></div>
            </div>
        </div>
    </div>
    <!-- 今日推广 -->
    <div id="extension" class="wrap">
        <div class="line">乐购·今日推荐</div>
        <div class="chart clearfix">
            <ul>
                <script>
                    // let chearts = document.querySelector("cheart")
                    let html = `
                <li>
                    <div class="oneBox"></div>
                    <div class="twoBox"></div>
                    <div class="threeBox">黑爵青蜂侠六键电竞游戏鼠标</div>
                    <div class="fiveBox">全国联保 一年免费包换</div>
                    <div class="sixBox">￥:299</div>
                </li>
                `
                    for (let r = 0; r < 12; r++) {
                       document.write(html)
                    }
                </script>
            </ul>
        </div>
    </div>
    <!-- 图书、电子书 -->
    <div id="e-book" class="wrap">
        <div class="fist-book clearfix">
            <div class="that-book fl">
                <div class="columnBox clearfix">
                    <div class="text-Box fl">图书 电子书</div>
                    <div class="columnBox2 fr clearfix">
                        <div class="Jump fl active1">最新上架</div>
                        <div class="Jump fl">独家畅销</div>
                        <div class="Jump fl">电子书</div>
                    </div>
                </div>
                <div class="content-Box">
                    <div class="itemBox show clearfix">
                        <div class="itemBox-book fl">
                            <div class="itemBox-book-e"></div>
                            <div class="itemBox-book-k">
                                <table>
                                    <tr>
                                        <td>中小学教辅</td>
                                        <td>外语</td>
                                        <td>考试</td>
                                    </tr>
                                    <tr>
                                        <td>小说</td>
                                        <td>文学</td>
                                        <td>青春文学</td>
                                    </tr>
                                    <tr>
                                        <td>成功\励志</td>
                                        <td>管理</td>
                                        <td>历史</td>
                                    </tr>
                                    <tr>
                                        <td>哲学\宗教</td>
                                        <td>亲子\家教</td>
                                        <td>全部分类></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="Jump-book fl clearfix">
                            <ul>
                                <li>
                                    <div class="JumpBox fl">
                                        <div class="pptbox" id="bannerInner">
                                            <!--轮播的内容-->
                                            <ul class="innerwrapper">
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/ppt2_05.jpg" />
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/index7_17.jpg" />
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/index08_05.jpg" />
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <img src="./imgs/index7_07.jpg" />
                                                    </a>
                                                </li>
                                            </ul>
                                            <!--数字控制器-->
                                            <ul class="controls">
                                                <li class="current">1</li>
                                                <li>2</li>
                                                <li>3</li>
                                                <li>4</li>
                                            </ul>
                                            <!--按钮控制器-->
                                            <span class="btnleft"></span>
                                            <span class="btnright"></span>
                                        </div>
                                        <script type="text/javascript">
                                            //主轮播图
                                            $("#bannerInner").tyslide({
                                                boxh: 220,//盒子的高度
                                                w: 330,//盒子的宽度
                                                h: 220,//图片的高度
                                                isShow: true,//是否显示控制器
                                                isShowBtn: true,//是否显示左右按钮
                                                controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                                                controlsW: 5,//控制按钮宽度
                                                controlsH: 3,//控制按钮高度
                                                radius: 0,//控制按钮圆角度数
                                                controlsColor: "#fff",//普通控制按钮的颜色
                                                controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
                                                isShowNum: false //是否显示数字
                                            });
                                        </script>
                                    </div>
                                </li>
                                <li>
                                    <div class="JumpOne fl"></div>
                                </li>
                                <li>
                                    <div class="JumpOne fl"></div>
                                </li>
                                <li>
                                    <div class="JumpOne fl"></div>
                                </li>
                                <li>
                                    <div class="JumpOne fl"></div>
                                </li>
                                <li>
                                    <div class="JumpOne fl"></div>
                                </li>
                                <li>
                                    <div class="JumpOne fl"></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="itemBox">2324</div>
                    <div class="itemBox">424124122</div>
                </div>
            </div>
            <!-- 右边手风琴 -->
            <div class="this-book fr">
                <div class="right-books">新书畅销榜</div>
                <ul class="right-e-books">
                    <li class="clearfix">
                        <div class="grade fl">1</div>
                        <div class="e-book-name fl none">拜拜您呢</div>
                        <div class="book-info fl clearfix show">
                            <div class="book-img fl">
                                <img src="./imgs/index09_05.jpg" alt="">
                            </div>
                            <div class="text-books fl">
                                "从你的世界路过 入选央视“2014中国好 书”的80后作品！十年华语畅销小说， 王家卫陈国富倾力推荐， 1500万次 转发，超4亿次阅读"
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="grade fl">2</div>
                        <div class="e-book-name fl show">拜拜您呢</div>
                        <div class="book-info fl clearfix none">
                            <div class="book-img fl">
                                <img src="./imgs/index09_05.jpg" alt="">
                            </div>
                            <div class="text-books fl">
                                "从你的世界路过 入选央视“2014中国好 书”的80后作品！十年华语畅销小说， 王家卫陈国富倾力推荐， 1500万次 转发，超4亿次阅读"
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="grade fl">3</div>
                        <div class="e-book-name fl show">拜拜您呢</div>
                        <div class="book-info fl clearfix none">
                            <div class="book-img fl">
                                <img src="./imgs/index09_05.jpg" alt="">
                            </div>
                            <div class="text-books fl">
                                "从你的世界路过 入选央视“2014中国好 书”的80后作品！十年华语畅销小说， 王家卫陈国富倾力推荐， 1500万次 转发，超4亿次阅读"
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="grade fl">4</div>
                        <div class="e-book-name fl show">拜拜您呢</div>
                        <div class="book-info fl clearfix none">
                            <div class="book-img fl">
                                <img src="./imgs/index09_05.jpg" alt="">
                            </div>
                            <div class="text-books fl">
                                "从你的世界路过 入选央视“2014中国好 书”的80后作品！十年华语畅销小说， 王家卫陈国富倾力推荐， 1500万次 转发，超4亿次阅读"
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="grade fl">5</div>
                        <div class="e-book-name fl show">拜拜您呢</div>
                        <div class="book-info fl clearfix none">
                            <div class="book-img fl">
                                <img src="./imgs/index09_05.jpg" alt="">
                            </div>
                            <div class="text-books fl">
                                "从你的世界路过 入选央视“2014中国好 书”的80后作品！十年华语畅销小说， 王家卫陈国富倾力推荐， 1500万次 转发，超4亿次阅读"
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="grade fl">6</div>
                        <div class="e-book-name fl show">拜拜您呢</div>
                        <div class="book-info fl clearfix none">
                            <div class="book-img fl">
                                <img src="./imgs/index09_05.jpg" alt="">
                            </div>
                            <div class="text-books fl">
                                "从你的世界路过 入选央视“2014中国好 书”的80后作品！十年华语畅销小说， 王家卫陈国富倾力推荐， 1500万次 转发，超4亿次阅读"
                            </div>
                        </div>
                    </li>
                    <li class="clearfix">
                        <div class="grade fl">7</div>
                        <div class="e-book-name fl show">拜拜您呢</div>
                        <div class="book-info fl clearfix none">
                            <div class="book-img fl">
                                <img src="./imgs/index09_05.jpg" alt="">
                            </div>
                            <div class="text-books fl">
                                "从你的世界路过 入选央视“2014中国好 书”的80后作品！十年华语畅销小说， 王家卫陈国富倾力推荐， 1500万次 转发，超4亿次阅读"
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <!-- 楼层跳转 -->
    <div class="floor">
        <ul>
            <li>
                <div class="floor-icom"></div>
                <div class="floor-box">
                    图书
                </div>
            </li>
            <li>
                <div class="floor-icom"></div>
                <div class="floor-box">
                    服装
                </div>
            </li>
            <li>
                <div class="floor-icom"></div>
                <div class="floor-box">
                    童装
                </div>
            </li>
            <li>
                <div class="floor-icom"></div>
                <div class="floor-box">
                    鞋子
                </div>
            </li>
            <li>
                <div class="floor-icom"></div>
                <div class="floor-box">
                    家园
                </div>
            </li>
        </ul>
    </div>
    <!-- 服装 -->
    <div id="clothings" class="wrap">
        <div class="clothing-box clearfix">
            <div class="clothing-text fl">服装</div>
            <div class="clothing-pick fr clearfix">
                <div class="clothing-text1 fl active1">女装内衣</div>
                <div class="clothing-text1 fl">热销男装</div>
                <div class="clothing-text1 fl">精品鞋靴</div>
            </div>
        </div>
        <div>
            <div class="clothing-box-two show clearfix">
                <div class="clothing-lfet fl">
                    <div class="clothing-tu"></div>
                    <div class="clothing-introduce">
                        <table>
                            <tr>
                                <td>女包</td>
                                <td>防晒品</td>
                                <td>短裤</td>
                            </tr>
                            <tr>
                                <td>冰丝内裤</td>
                                <td>男包</td>
                                <td>功能箱包</td>
                            </tr>
                            <tr>
                                <td>蕾丝衬衫</td>
                                <td>奢侈品</td>
                                <td>男鞋</td>
                            </tr>
                            <tr>
                                <td>女包</td>
                                <td>女鞋</td>
                                <td>全部分类></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="clothing-ul fl clearfix">
                    <ul>
                        <li>
                            <div class="clothing-network1 fl">
                                <div class="pptbox" id="bannerInner1">
                                    <!--轮播的内容-->
                                    <ul class="innerwrapper">
                                        <li>
                                            <a href="#">
                                                <img src="./imgs/index10_05.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./imgs/index10_05.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./imgs/index10_05.jpg" />
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <img src="./imgs/index10_05.jpg" />
                                            </a>
                                        </li>
                                    </ul>
                                    <!--数字控制器-->
                                    <ul class="controls">
                                        <li class="current">1</li>
                                        <li>2</li>
                                        <li>3</li>
                                        <li>4</li>
                                    </ul>
                                    <!--按钮控制器-->
                                    <span class="btnleft"></span>
                                    <span class="btnright"></span>
                                </div>
                                <script type="text/javascript">
                                    //主轮播图
                                    $("#bannerInner1").tyslide({
                                        boxh: 348,//盒子的高度
                                        w: 417,//盒子的宽度
                                        h: 348,//图片的高度
                                        isShow: true,//是否显示控制器
                                        isShowBtn: true,//是否显示左右按钮
                                        controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                                        controlsW: 5,//控制按钮宽度
                                        controlsH: 3,//控制按钮高度
                                        radius: 0,//控制按钮圆角度数
                                        controlsColor: "#fff",//普通控制按钮的颜色
                                        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
                                        isShowNum: false //是否显示数字
                                    });
                                </script>
                            </div>
                        </li>
                        <li>
                            <div class="clothing-network fl"></div>
                        </li>
                        <li>
                            <div class="clothing-network fl"></div>
                        </li>
                        <li>
                            <div class="clothing-network fl"></div>
                        </li>
                        <li>
                            <div class="clothing-network2 fl"></div>
                        </li>
                        <li>
                            <div class="clothing-network3 fl"></div>
                        </li>
                        <li>
                            <div class="clothing-network3 fl"></div>
                        </li>
                        <li>
                            <div class="clothing-network3 fl"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="clothing-box-two">2143124</div>
            <div class="clothing-box-two">12356474576</div>
        </div>
        <div class="logo-Box">
            <span>
                <img src="./imgs/logo13_13.jpg" alt="">
            </span>
            <span>
                <img src="./imgs/index15_14.jpg" alt="">
            </span>
            <span>
                <img src="./imgs/logo13_11.jpg" alt="">
            </span>
            <span>
                <img src="./imgs/logo13_12.jpg" alt="">
            </span>
            <span>
                <img src="./imgs/logo13_13.jpg" alt="">
            </span>
            <span>
                <img src="./imgs/logo13_14.jpg" alt="">
            </span>
            <span>
                <img src="./imgs/logo13_15.jpg" alt="">
            </span>
            <span>
                <img src="./imgs/logo13_16.jpg" alt="">
            </span>
            <span>
                <img src="./imgs/logo13_17.jpg" alt="">
            </span>
        </div>
    </div>
    <!--童装  -->
    <div id="wear-box" class="wrap">
        <div class="wear-boxs clearfix">
            <div class="wear-text fl">童装 童鞋 婴儿装</div>
            <div class="wear-bookes fr clearfix">
                <div class="wear-books fl">儿童服装</div>
                <div class="wear-books fl">婴儿装</div>
                <div class="wear-books fl">小潮童鞋</div>
            </div>
        </div>
        <div class="zong show clearfix">
            <div class="wear-lfte fl">
                <div class="wear-tu"></div>
                <div class="wear-introduce">
                    <table>
                        <tr>
                            <td>女包</td>
                            <td>防晒品</td>
                            <td>短裤</td>
                        </tr>
                        <tr>
                            <td>冰丝内裤</td>
                            <td>男包</td>
                            <td>功能箱包</td>
                        </tr>
                        <tr>
                            <td>蕾丝衬衫</td>
                            <td>奢侈品</td>
                            <td>男鞋</td>
                        </tr>
                        <tr>
                            <td>女包</td>
                            <td>女鞋</td>
                            <td>全部分类></td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="wear-right fl clearfix">
                <ul>
                    <li>
                        <div class="wear-right-boxs fl">
                            <div class="pptbox" id="bannerInner2">
                                <!--轮播的内容-->
                                <ul class="innerwrapper">
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/86030026281665_y.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/a_ban_383-340.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/86030026281665_y.jpg" />
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="./imgs/187720017020448_1_o.jpg" />
                                        </a>
                                    </li>
                                </ul>
                                <!--数字控制器-->
                                <ul class="controls">
                                    <li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                </ul>
                                <!--按钮控制器-->
                                <span class="btnleft"></span>
                                <span class="btnright"></span>
                            </div>
                            <script type="text/javascript">
                                //主轮播图
                                $("#bannerInner2").tyslide({
                                    boxh: 342,//盒子的高度
                                    w: 422,//盒子的宽度
                                    h: 342,//图片的高度
                                    isShow: true,//是否显示控制器
                                    isShowBtn: true,//是否显示左右按钮
                                    controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                                    controlsW: 5,//控制按钮宽度
                                    controlsH: 3,//控制按钮高度
                                    radius: 0,//控制按钮圆角度数
                                    controlsColor: "#fff",//普通控制按钮的颜色
                                    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
                                    isShowNum: false //是否显示数字
                                });
                            </script>
                        </div>
                    </li>
                    <li>
                        <div class="wear-right-box fl"></div>
                    </li>
                    <li>
                        <div class="wear-right-box fl"></div>
                    </li>
                    <li>
                        <div class="wear-right-box fl"></div>
                    </li>
                </ul>
            </div>
            <div class="wear-small fl clearfix">
                <ul>
                    <li>
                        <div class="wear-smalls fl"></div>
                    </li>
                    <li>
                        <div class="wear-small-e fl"></div>
                    </li>
                    <li>
                        <div class="wear-small-e fl"></div>
                    </li>
                    <li>
                        <div class="wear-small-e fl"></div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="zong">洗洗睡吧</div>
        <div class="zong">笑着哭吧</div>
    </div>
    <!-- 家具日用 -->
    <div id="home-box" class="wrap">
        <div class="furniture-box">家居日用</div>
        <div class="population-box clearfix">
            <div class="home-lfte fl"></div>
            <div class="home-ul fl clearfix">
                <div class="home-ul-box fl"></div>
                <div class="home-ul-box fl"></div>
                <div class="home-ul-box fl"></div>
                <div class="home-ul-box fl"></div>
            </div>
            <div class="homes-books fl">
                <div class="homes-ul-box fl"></div>
                <div class="homes-ul-box fl"></div>
                <div class="homes-ul-box fl"></div>
                <div class="homes-ul-box fl"></div>
            </div>
        </div>

    </div>
    <!-- 推广商品 -->
    <div id="commodity-box" class="wrap">
        <div class="commodity-title clearfix">
            <div class="title fl">推广商品</div>
            <div class="box-title fillet1 fl active3"></div>
            <div class="box-title fillet fr "></div>
        </div>
        <div class="tissue-box show clearfix">
            <div class="tissue-box-book fl">
                <div class="tissue-small"></div>
                <div class="tissue-text">
                    <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                </div>
                <div class="tissue-money">
                    <span>￥:189</span>
                </div>
                <div class="tissue-money-box clearfix">
                    <div class="small-box fl"></div>
                    <div class="small-text-money fl">
                        有
                        <span>"988</span>>条评价"
                    </div>
                </div>
            </div>
            <div class="tissue-box-book fl">
                <div class="tissue-small"></div>
                <div class="tissue-text">
                    <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                </div>
                <div class="tissue-money">
                    <span>￥:189</span>
                </div>
                <div class="tissue-money-box clearfix">
                    <div class="small-box fl"></div>
                    <div class="small-text-money fl">
                        有
                        <span>"988</span>>条评价"
                    </div>
                </div>
            </div>
            <div class="tissue-box-book fl">
                <div class="tissue-small"></div>
                <div class="tissue-text">
                    <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                </div>
                <div class="tissue-money">
                    <span>￥:189</span>
                </div>
                <div class="tissue-money-box clearfix">
                    <div class="small-box fl"></div>
                    <div class="small-text-money fl">
                        有
                        <span>"988</span>>条评价"
                    </div>
                </div>
            </div>
            <div class="tissue-box-book fl">
                <div class="tissue-small"></div>
                <div class="tissue-text">
                    <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                </div>
                <div class="tissue-money">
                    <span>￥:189</span>
                </div>
                <div class="tissue-money-box clearfix">
                    <div class="small-box fl"></div>
                    <div class="small-text-money fl">
                        有
                        <span>"988</span>>条评价"
                    </div>
                </div>
            </div>
            <div class="tissue-box-book fl">
                <div class="tissue-small"></div>
                <div class="tissue-text">
                    <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                </div>
                <div class="tissue-money">
                    <span>￥:189</span>
                </div>
                <div class="tissue-money-box clearfix">
                    <div class="small-box fl"></div>
                    <div class="small-text-money fl">
                        有
                        <span>"988</span>>条评价"
                    </div>
                </div>
            </div>
            <div class="tissue-box-book fl">
                <div class="tissue-small"></div>
                <div class="tissue-text">
                    <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                </div>
                <div class="tissue-money">
                    <span>￥:189</span>
                </div>
                <div class="tissue-money-box clearfix">
                    <div class="small-box fl"></div>
                    <div class="small-text-money fl">
                        有
                        <span>"988</span>>条评价"
                    </div>
                </div>
            </div>
            <div class="tissue-box-book fl">
                <div class="tissue-small"></div>
                <div class="tissue-text">
                    <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                </div>
                <div class="tissue-money">
                    <span>￥:189</span>
                </div>
                <div class="tissue-money-box clearfix">
                    <div class="small-box fl"></div>
                    <div class="small-text-money fl">
                        有
                        <span>"988</span>>条评价"
                    </div>
                </div>
            </div>
            <div class="tissue-box-book fl">
                <div class="tissue-small"></div>
                <div class="tissue-text">
                    <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                </div>
                <div class="tissue-money">
                    <span>￥:189</span>
                </div>
                <div class="tissue-money-box clearfix">
                    <div class="small-box fl"></div>
                    <div class="small-text-money fl">
                        有
                        <span>"988</span>>条评价"
                    </div>
                </div>
            </div>
            <div class="tissue-box-book fl">
                <div class="tissue-small"></div>
                <div class="tissue-text">
                    <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                </div>
                <div class="tissue-money">
                    <span>￥:189</span>
                </div>
                <div class="tissue-money-box clearfix">
                    <div class="small-box fl"></div>
                    <div class="small-text-money fl">
                        有
                        <span>"988</span>>条评价"
                    </div>
                </div>
            </div>
            <div class="tissue-box-book fl">
                <div class="tissue-small"></div>
                <div class="tissue-text">
                    <span>Pigeon法国制奶嘴，无毒天然乳胶</span>
                </div>
                <div class="tissue-money">
                    <span>￥:189</span>
                </div>
                <div class="tissue-money-box clearfix">
                    <div class="small-box fl"></div>
                    <div class="small-text-money fl">
                        有
                        <span>"988</span>>条评价"
                    </div>
                </div>
            </div>
        </div>
        <div class="tissue-box">沙发上分方式方法呢</div>
    </div>
    <!-- 顶部悬浮搜索框 -->
    <div id="search-inp">
        <div class="search clearfix search-box-inp">
            <input id="newBox" class="inp fl" type="text" placeholder="创意文具">
            <div class="icon fl"></div>
        </div>
    </div>
    <!-- 页脚布局头部 -->
    <div id="footer" class="wrap">
        <div class="footer-box">
            <div class="box-footer clearfix">
                <div class="box-just fl"></div>
                <div class="box-just1 fl"></div>
                <div class="box-just2 fl"></div>
                <div class="box-just3 fl"></div>
            </div>
        </div>
        <!-- 放回顶部按钮 -->
        <div class="top-box"></div>
    </div>
    <!-- 末尾 -->
    <div id="footer-e-box" class="wrap">
        <div class="footer-e-boxs clearfix">
            <div class="footer-text fl">
                <div class="c">购物指南</div>
                <div class="a">购物流程</div>
                <div class="a">发票制度</div>
                <div class="a">账户管理</div>
                <div class="a">会员优惠</div>
            </div>
            <div class="footer-text fl">
                <div class="c">支付方式</div>
                <div class="a">货到付款</div>
                <div class="a">网上支付</div>
                <div class="a">礼品卡支付</div>
                <div class="a">银行转帐</div>
            </div>
            <div class="footer-text fl">
                <div class="c">订单服务</div>
                <div class="a">订单配送查询</div>
                <div class="a">订单状态说明</div>
                <div class="a">自助取消订单</div>
                <div class="a">自助修改订单</div>
            </div>
            <div class="footer-text fl">
                <div class="c">退换货</div>
                <div class="a">退换货政策</div>
                <div class="a">自助申请退换货</div>
                <div class="a">退换货进度查询</div>
                <div class="a">退款方式和时间</div>
            </div>
            <div class="footer-text fl">
                <div class="c">商家服务</div>
                <div class="a">商家中心</div>
                <div class="a">运营服务</div>
                <div class="a">加入尾品汇</div>
            </div>
        </div>
        <div class="footer-logo"></div>
        <div class="Webpage">
            <span>
                公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索
            </span>
        </div>
        <div class="Webpage-box">
            <span>
                Copyright (C) 乐购网 2004-2016, All Rights Reserved
            </span>
        </div>
    </div>
</body>

</html>